<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>三栏布局页面设计</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <!-- 头部区域 -->
    <header>
        <h4>头部区域niewei</h4>
    </header>

    <!-- 主体区域 -->
    <div class="main">
        <aside class="left">
            <p>左侧边栏</p>
        </aside>
        <aside class="right">
            <p>右侧边栏</p>
        </aside>
        <section class="middle">
            <p>内容区域</p>
        </section>


    </div>

    <!-- 底部区域 -->
    <footer>
        <p>底部区域</p>
    </footer>
</body>

</html>